<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>三行一列布局</title>
	</head>
	<body>
		<!—页头 -->
		<header style="height: 140px; text-align: center; font-size: 32px; background-color: #aaa">这是我的头部</header>
		<!—主体内容 -->
		<section id="content" style="height: 500px; font-size: 32px; background-color: #ccc; text-align: center">
			这是我的内容区
		</section>
		<!—页脚 -->
		<footer style="height: 130px; background-color: #e6e6e6; font-size: 32px">这是我的页脚</footer>
	</body>
</html>
